<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
<h:head><title>JSF 2.0: Blank Starting-Point Project</title>
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
</h:head>

    
    <h:body>
    
    <div id="page">
    	<div align="center">
			<h1 class="title" align="center"><a href="#" >Registro de Grupo Familiar</a></h1>
		      <h:form>
		      
		          <table>
		             <tr>
		                <td width="20%"><h:outputLabel for="nombre"> Nombre </h:outputLabel></td>
		                <td width="20%"><h:outputLabel for="apellido"> Apellido </h:outputLabel></td>
		                <td width="20%"><h:outputLabel for="ci"> Cédula </h:outputLabel></td>
		                <td width="20%"><h:outputLabel for="fnacimiento"> Fecha de Nacimiento </h:outputLabel></td>
		                
		             </tr>
		             
		             <tr>
                        <td><h:inputText id="nombre" value="#{Lista.persona2.nombreHab}"></h:inputText></td>
                        <td><h:inputText id="apellido" value="#{Lista.persona2.apellidoHab}"></h:inputText></td>
                        <td><h:inputText id="ci" value="#{Lista.persona2.cedulaHab}"></h:inputText></td>
                        <td><h:inputText id="fnacimiento" value="#{Lista.persona2.fechaNac}"></h:inputText></td>
                        	             
 		             </tr>
 		             
 		             <tr>
		                <td width="20%"><h:outputLabel for="sexo"> Sexo </h:outputLabel></td>
		                <td width="20%"><h:outputLabel for="parentesco"> Parentesco </h:outputLabel></td>
		                 <td width="20%"><h:outputLabel for="ninstruuccion"> Nivel de instrucción </h:outputLabel></td>
		                <td width="20%"><h:outputLabel for="nacionalidad"> Nacionalidad </h:outputLabel></td>
		             </tr>
		             
		             <tr>
                        <td><h:inputText id="sexo" value="#{Lista.persona2.sexoHab}"></h:inputText></td>
                        <td><h:inputText id="parentesco" value="#{Lista.persona2.parentescoHab}"></h:inputText></td>
                        <td><h:inputText id="ninstruuccion" value="#{Lista.persona2.nivelInsHab}"></h:inputText></td>
                        <td><h:inputText id="nacionalidad" value="#{Lista.persona2.nacionalidadHab}"></h:inputText></td>	
                       		             
 		             </tr>
 		             
 		             <tr>
		               
		                <td width="20%"><h:outputLabel for="ecivil"> Estado Civil </h:outputLabel></td>
		                <td width="20%"><h:outputLabel for="tlfM"> Telf. Móvil </h:outputLabel></td>
		                <td width="20%"><h:outputLabel for="tlfF"> Telf. Fijo </h:outputLabel></td>
		                <td width="20%"><h:outputLabel for="prof"> Profesión u Oficio </h:outputLabel></td>
		             </tr>
		             
		             <tr>
                        
                        <td><h:inputText id="ecivil" value="#{Lista.persona2.edoCivilHab}"></h:inputText></td>
                        <td><h:inputText id="tlfM" value="#{Lista.persona2.telMovilHab}"></h:inputText></td>
                        <td><h:inputText id="tlfF" value="#{Lista.persona2.telFijoHab}"></h:inputText></td>
                        <td><h:inputText id="prof" value="#{Lista.persona2.profOficioHab}"></h:inputText></td>
                       		             
 		             </tr>
 		             <tr></tr>
 		             <tr></tr>
 		             <tr></tr>
 		             <tr>
 		             	<td></td>
 		                <td width="20%"><h:outputLabel for="discapacitado"> El Habitante presenta Discapacidad? </h:outputLabel></td>
		                <td><h:inputText id="discapacitado" value="#{Lista.persona2.dicapacidadHab}" size="50"></h:inputText></td>		             
 		             </tr>
 		             
		          </table>
		      
		      
		      <br></br>
		      
		      
		      
		      <h:commandButton value="Agregar" action="#{Lista.cargarLista}"></h:commandButton>
		      <h:commandButton value="Siguiente" action="Salud_Habitantes"></h:commandButton>
		      </h:form>
		      
		      	<fieldset >
	<legend dir="ltr" lang="20">Habitantes del Grupo Familiar Registrados</legend>
		      <h:dataTable value="#{Lista.lista}" var="lis" cellpadding="10">
		            <h:column>
		              <f:facet name="header">
		                 <h3><h:outputText value="Nombre"/></h3>
		              </f:facet>
		              <h:outputText value="#{lis.nombreHab}"/>
		            </h:column>
		            <h:column>
		              <f:facet name="header">
		                <h3><h:outputText value="Apellido"/></h3>
		              </f:facet>
		              <h:outputText value="#{lis.apellidoHab}"/>
		            </h:column>
		            
		          </h:dataTable>
		      <br></br>
	</fieldset>
	
	
		  </div>    
      </div>
    </h:body>
</html>